<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/conmon.css">
    <link rel="stylesheet" href="./css/shopping-cart.css">
</head>
<body>
      <!-- 头部 -->
      <header class=" cf">
        <div class="bg container-full  cf">
            <div class="container one cf">
                <a class="lf lol" href="#">legochina.cn</a>
                <p class="rf">
                    欢迎光临<a href="index.html">乐购</a>,请登录/ <a href="register.html">注册</a>
                </p>
                <img src="./imgs/logo.jpg" alt="">
            </div>
        </div>

        <!-- 搜索框 -->
        <div class="container ">
            <!-- 购物车 -->
            <div class="car rf">
                <a href="#">购物车 3</a>
                <a href="#">我的订单</a>
            </div>

            <!-- 搜索框 -->
            <div class="search-box rf ">

                <input type="text" placeholder="创意文具">
                <input type="submit" value="">
            </div>
        </div>

        <!-- 文字导航 -->
        <nav class="navtext container cf">
            <ul class="cf">
                <li>
                    <a href="product-list.html">图书</a>
                </li>
                <li><a href="#">电子书</a>
                </li>
                <li>
                    <a href="#">原创文字</a></li>
                <li>
                    <a href="#">服装</a></li>
                <li>
                    <a href="#">运动户外</a></li>
                <li>
                    <a href="#">儿童装</a></li>
                <li>
                    <a href="#">家居</a></li>
                <li>
                    <a href="#">创意文具</a></li>
                <li>
                    <a href="#">地方特产</a></li>
                <li>
                    <a href="#">海外购</a>
                </li>
                <li>
                    <a href="#">电器城</a>
                </li>
            </ul>
        </nav>
      </header>

     <div class="container cc">
        <table >
            <tr class="bgcf3">
                <td width="100">
                 <input class="allSel" type="checkbox">全选
                </td>
                <td width="400">商品</td>
                <td width="100">单价</td>
                <td width="300">数量</td>
                <td width="100">小计</td>
                <td width="200">操作</td>
            </tr>
            <tr>
                <td>
                    <input class="sinSel" type="checkbox" name="1">
                </td>
                <td>
                    <img class="fl" src="./imgs/ebook-demo3.jpg" alt="">
                    从你的全世界路过
                </td>
                <td class="sPrice">50.01</td>
                <td>
                    <a class="reduce" href="javascript: ">-</a>
                    <input class="proNum" type="text" value="1" readonly>
                    <a class="add" href="javascript: ">+</a>
                </td>
                <td class="singlePrice">50.01</td>
                <td>删除</td>
            </tr> 
            <tr>
                <td>
                    <input class="sinSel" type="checkbox" name="2">
                </td>
                <td>
                    <img class="fl" src="./imgs/ebook-demo3.jpg" alt="">
                    从你的全世界路过
                </td>
                <td class="sPrice">50.01</td>
                <td>
                    <a class="reduce" href="javascript: ">-</a>
                    <input class="proNum" type="text" value="1" readonly>
                    <a class="add" href="javascript: ">+</a>
                </td>
                <td class="singlePrice">50.01</td>
                <td>删除</td>
            </tr> 
            <tr>
                <td>
                    <input class="sinSel" type="checkbox" name="3">
                </td>
                <td>
                    <img class="fl" src="./imgs/ebook-demo3.jpg" alt="">
                    从你的全世界路过
                </td>
                <td class="sPrice">50.01</td>
                <td>
                    <a class="reduce" href="javascript: ">-</a>
                    <input class="proNum" type="text" value="1" readonly>
                    <a class="add" href="javascript: ">+</a>
                </td>
                <td class="singlePrice">50.01</td>
                <td>删除</td>
            </tr> 
            <tr>
                <td>
                    <input class="sinSel" type="checkbox" name="4">
                </td>
                <td>
                    <img class="fl" src="./imgs/ebook-demo3.jpg" alt="">
                    从你的全世界路过
                </td>
                <td class="sPrice">50.01</td>
                <td>
                    <a class="reduce" href="javascript: ">-</a>
                    <input class="proNum" type="text" value="1" readonly>
                    <a class="add" href="javascript: ">+</a>
                </td>
                <td class="singlePrice">50.01</td>
                <td>删除</td>
            </tr> 
            <tr class="last-tr">
                <td>
                    <input class="allSel" type="checkbox">全选
                </td>
                <td colspan="2">
                    删除已选商品
                </td>
                <td>
                   已选 <span class="allNum cf60 f20">0</span> 件商品
                </td>
                <td>总价： <span class="allPrice cf60 f20">0</span></td>
                <td>结算</td>
            </tr>
    
        </table>
     </div>
     <script src="./jquery.js"></script>
     <script src="./js/shopping-cart.js"></script>
</body>
</html>